@charset "utf-8";
/* CSS Document */
/*头部开始*/
.header{height:auto;width:100%;margin:0 auto;z-index: 99; background: #3b99fb;    transition: all 0.36s; height: 60px; position: fixed;}
.index_header{height:auto;width:100%;margin:0 auto;z-index: 99; transition: all 0.36s; height: 60px; position: fixed;}
.header.on{ background:#fff; transition: all 0.36s;box-shadow:0 5px 16px 0 rgb(0 0 0 / 6%);}
.header.on .phlogo{ display:block;}
.header.on .plogo{ display:none;}
.logo{flex:0 0 20%;}
.header.on a{ color:#000 !important;transition: all 0.36s;}
.top{width:98%; margin:0 auto; height:60px;display: flex; align-items: center;}}
.logo{ margin:0 auto; margin-top:0px; width:40%; float:left;}
.phlogo{ display:none;}
.logo img{ max-width:140px; width:100%;}
.mlogo{ display:none;}
.logo_right{ margin:0 auto;flex:0 0 80%; text-align:right;position: relative;z-index: 9999;display: flex;}
.chages{ border-left:1px solid #dddddd; height:80px; line-height:80px;width:65px; float:right;}
.chages a{ background:url(../images/en.png) no-repeat left center; padding-left:20px; font-size:16px; color:#b4b4b4; transition: all 0.36s; }
.chages a:hover{color: #e60012 !important; }
.main_nav{float:left;width: calc(100% - 0px);margin-left: 0px;}
/* 主菜单 */
.navbar-default .nav{display: block;width:100%; max-width:1400px; margin:0 auto;}
.navbar-default .nav .nav_pc{display: inline-flex;}
.navbar-default .nav ul li{float:left;position: relative;z-index: 999;}
.navbar-default .nav ul li:hover:after{width:100%;transition: all 0.36s; }
.navbar-default .nav ul li:hover .s_navbox{ display:block;}
.navbar-default .nav ul li:last-child{background:none;}
.navbar-default .nav ul li .f_a{text-align:center;font-size:16px;color: #fff; font-weight: bold;padding: 8px 10px;display: inline-block; line-height: 1;}
.navbar-default .nav ul li:hover .f_a{background-color:rgba(255,255,255,0.5);border-radius: 9999px; }
.navbar-default .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;z-index: 9999;box-sizing: border-box}
.navbar-default .nav ul li .s_navbox .s_a a{color:#000;font-size:16px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #fff; line-height:25px;}
.navbar-default .nav ul li .s_navbox .s_a a:hover{background-color:#e60012;color: #fff !important;}

.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.nav-right{ display: flex;}
.text-white{ color: #fff;}
.text-20px{font-size:20px;}
.nav_item a{padding: 4px 12px; display: inline-block; line-height: 1; position: relative;}
.nav_item a:hover{background-color:rgba(255,255,255,0.5);border-radius: 9999px;}
.nav_item span{padding: 4px 8px; display: inline-block; line-height: 1;}
.nav_item span:hover{background-color:rgba(255,255,255,0.5);border-radius: 9999px;}
.nav_item .nite{ position: absolute; width: 250px;line-height: 50px; border-radius: 5px; top:40px; right: 0px;background: #fff; text-align: left; padding: 0 10px; font-size: 16px; display: none;}
.nite_item a{ line-height: 34px; font-size: 12px; padding: 0px;}
.nite_item a:hover{ background: #fff;}
.nite_bz{ position: absolute;top: -3px; right: -3px; background: rgb(239 83 80); padding: 0px 6px !important; border-radius: 20px !important; text-align: center; line-height: 20px !important; font-size: 12px; font-weight: bold; color: #fff;}
.nite_bz:hover{background: rgb(239 83 80) !important;}
.nite_item{line-height: 34px;}
.nav_item{ position: relative;}
input{outline: 0;}
.picture{ width: 35px; padding: 5px; }
.index_header .picture{ width: 35px; height:35px; padding: 5px; }
.picture img{ width: 30px; border: 1px solid #fff;border-radius: 30px;}
.picture:hover{background-color:rgba(255,255,255,0.5);border-radius: 9999px;}
.user_nav{position: absolute;
    top: 42px;
    right: 0;
    width: 100px;
    padding: 10px 0;
    margin: 5px 0;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	display: none;
}
.user_nav:before {
    content: "";
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 80%;
}
.user_nav li {
    padding: 0px;
    margin-right: 0px;
    font-size: 14px;
    color: #606266;
    line-height: 36px;
    font-weight: initial;
    width: 100%;
}
.user_nav li a {
        color: #606266;
    padding: 10px 20px;
    display: block;
    text-align: left;
}
.user_nav li a:hover{
	background-color: #e8f3fe;
	color: #606266;
	border-radius: 0;
}
.shadow-md {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}
.shadow-md{ background:#fff;}
.shadow-md .navbar-default .nav ul li .f_a{ color:#333333;}
.shadow-md .navbar-default .nav ul li .f_a:hover{ color:#ee0a24;}
.shadow-md path{ fill:#333333;}
.nite_box{ margin: 5px 0px; max-height: 200px;overflow-x:hidden; overflow-y:scroll;}
/* 针对WebKit浏览器 */
.nite_box::-webkit-scrollbar {
    width: 5px; /* 滚动条的宽度 */
    height: 12px; /* 滚动条的高度 */
}
 
/* 滚动条轨道 */
.nite_box::-webkit-scrollbar-track {
    background: #fff; /* 轨道颜色 */
}
 
/* 滚动条滑块 */
.nite_box::-webkit-scrollbar-thumb {
    background: #888; /* 滑块颜色 */
    border-radius: 10px; /* 滑块圆角 */
}
 
/* 滑块在鼠标悬浮时的样式 */
.nite_box::-webkit-scrollbar-thumb:hover {
    background: #555; /* 滑块悬浮颜色 */
}
@media (max-width: 768px) {
	
/*头部开始*/
.logo{ flex: 0 0 20%;}
.logo img{ max-width:100%;}
.logo_right{flex: 0 0 70%;justify-content: flex-end;}
.phlogo{ display:none;}
	.main_nav {display: none;}
.chages {
    border-left: 1px solid #dddddd;
    height: 65px;
    line-height: 65px;
    width: 50px;
    float: right;
}
.top{ width:95%; margin:0 auto; }

}
